.about-main-title {
    text-align: center;
    margin-top: 10px;
    width: 500px;
}

.about-main-title .tts {

    font-size: 34px;
    font-weight: 700;
}

.about-main-title .tit-mg {

    width: 460px;
    margin: 0 auto;
    margin-top: 10px;


}

.about-main-title span {

    width: 200px;
    height: 1px;
    display: block;
    float: left;
    background-color: #e4e4e4;
    margin-top: 8px;


}

.about-main-title span:last-child {

    float: right;
}

.about-cont {

    margin-top: 30px;
}

.about-cont p {

    font-size: 16px;
    line-height: 1.85em;
}

.bjs {

    display: flex;
    margin: 20px auto;
    font-family: "宋体";
}

.bjs img {

    width: 22px;
    float: left;
    margin-right: 10px;
}

.bjs p {

    margin-top: 5px;
    color: #999;
}

.bjs a {


    color: #999;
}

.bjs a:last-child {
    color: #3b68b9;
    font-weight: 700;
}

.cases-list {

    margin-top: 40px;
}

.cases-list-item {
    width: 380px;
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
    -webkit-box-shadow: 0 0px 10px #e9e9e9;
    box-shadow: 0 0px 10px #e9e9e9;
}

.cases-list-item:nth-child(3n) {

    margin-right: 0;
}

.cases-list-item .img {

    width: 100%;
    height: 255px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.cases-list-item img {
    height: 80%;
}

.cases-list-item .txt {
    height: 100px;
    text-align: center;
    padding-top: 25px;
    background-color: #fff;
}

.cases-list-item .txt .tis {

    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 13px;
}

.cases-list-item .txt p {
    width: 85%;
    margin: 0 auto;
    font-size: 14px;
    overflow: hidden;
    /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 多行 **/
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    color: #999999;
}

.cases-list-item:hover .txt .tis {

    color: #3b68b9;
}


.join-nav {
    width: 1200px;
    display: flex;
    margin-top: 35px;
    background-color: #3b68b9;
}

.join-nav-item {

    width: 300px;
    line-height: 60px;
    color: #fff;
    text-align: center;
}

.join-list-item {
    width: 100%;
}

.join-list-item .to {

    display: flex;
    height: 60px;
    cursor: pointer;
    border: 1px solid #ededed;
}

.join-list-item .to p {

    width: 300px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

.join-list-item .cont {

    padding: 40px 60px;
    padding-left: 80px;
    display: none;
    background-color: #f6f6f6;
}

.join-list-item .cont .tt {

    font-weight: 700;
    margin-bottom: 10px;
}

.join-list-item .cont p {
    line-height: 1.8em;
}

#pages {
    /* 
    float: right; */
    display: table;
    margin: 0 auto;
    margin-top: 30px;
}

#pages li {
    list-style: none;
    float: left;
    width: 32px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    border: 1px solid #ccc;
    height: 32px;
    line-height: 32px;
    transition: 0.5s ease;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
}

#pages li:hover {
    background-color: #3b68b9;
    border: 1px solid #3b68b9;
}

#pages li a {
    padding: 0;
    font-size: 16px;
    line-height: inherit;
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}

#pages li a:hover {
    background-color: #3b68b9;
    color: #fff;
    border: 1px solid #3b68b9;
}

#pages li.active {
    background-color: #3b68b9;
    color: #fff;
    border: 1px solid #3b68b9;
}

#pages li.active a {
    color: #fff;
}

#pages li span {
    font-size: 16px;
}

#pages li.disabled {
    color: #ccc;
}

.news-main {

    /* height: 1450px; */
    margin-top: 35px;
    /* overflow: hidden; */
}

.news-main .news-list-item {
    width: 1200px;
    display: block;
    /* margin: 0 auto; */
    height: 200px;
    /* margin-bottom: 20px; */

    transition: 0.5s ease;
    position: relative;
    padding: 0 30px;
    border: 1px solid #efefef;
    margin-bottom: 15px;

}



.news-main .news-list-item .img {

    width: 300px;
    margin-right: 30px;
    height: 170px;
    overflow: hidden;
    float: left;
    margin-top: 15px;
    z-index: 3;
    position: relative;
}

.news-main .news-list-item .img img {

    width: 100%;
    height: 100%;

    transition: 0.5s ease;
}

.news-main .news-list-item .titlea {

    width: 720px;
    padding-top: 10px;
    float: left;
    margin-top: 15px;
    z-index: 3;
    position: relative;
    /* margin-top: ; */
}

.news-main .news-list-item .titlea .tti {

    font-size: 16px;
    margin-bottom: 30px;

}

.news-main .news-list-item .titlea p {

    color: #999999;
    overflow: hidden;
    /** 闅愯棌瓒呭嚭鐨勫唴瀹� **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 澶氳 **/
    display: -webkit-box;
    /** 瀵硅薄浣滀负浼哥缉鐩掑瓙妯″瀷鏄剧ず **/
    -webkit-box-orient: vertical;
    /** 璁剧疆鎴栨绱几缂╃洅瀵硅薄鐨勫瓙鍏冪礌鐨勬帓鍒楁柟寮� **/
    -webkit-line-clamp: 2;
    /** 鏄剧ず鐨勮鏁� **/
    margin-bottom: 15px;
}

.news-main .news-list-item .titlea .tips {

    display: flex;
    margin-top: 30px;
}

.news-main .news-list-item .titlea .tips p {

    margin-right: 20px;
}

.news-main .news-list-item .date {

    float: right;
    border-left: 1px solid #999;
    padding-left: 40px;
    margin-top: 70px;

    z-index: 3;
    position: relative;
}

.news-main .news-list-item .date .date_year {

    font-size: 24px;
}

.news-main .news-list-item .date .date_month {
    margin-left: 6px;
    margin-top: 2px;
}



.news-main .news-list-item:hover img {

    transform: scale(1.1);
}

.news-main .news-list-item:hover {

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-left: 15px;
}

.case-nav {

    margin: 0 auto;
    margin-top: 30px;
    /* width: 430px; */

    /* display: flex; */
    justify-content: space-between;
}

.case-nav a {

    width: 119px;
    line-height: 50px;
    text-align: center;
    float: left;
    border-radius: 10px;
    background-color: #e6e6e6;
    cursor: pointer;
    display: block;
    font-size: 18px;
    transition: 0.5s ease;
    margin-right: 35px;
}

.case-nav a:nth-child(8n) {
    margin-right: 0;
}

.case-nav a.active_case {

    background-color: #3b68b9;
    color: #fff;

}




.honor {

    margin-top: 35px;
}

.honor-item {

    width: 260px;
    height: 373px;
    overflow: hidden;
    margin-right: 48px;
    margin-bottom: 48px;
    float: left;
    border: 2px solid #fff;
    transition: 0.5s ease;
}

.honor-item img {
    width: 100%;
}

.honor-item:nth-child(4n) {
    margin-right: 0;
}

.honor-item:hover {
    border: 2px solid #3b68b9;
}

.contact-main-item {
    width: 380px;
    height: 180px;
    background: rgb(245, 245, 245);
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
    text-align: center;
}

.contact-main-item:nth-child(4) {

    margin-right: 0;
}

.contact-main-item img {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    padding-top: 30px;
    color: #13345b;
    display: block;
}

.contact-main-item .ts {

    margin-top: 15px;
    font-size: 17px;
}

.contact-main-item .tts {

    margin-top: 15px;
    font-size: 18px;
}


.zoujin-bj {
    background-color: #f8f8f8;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.zoujin-bj .zoujin-tit {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 30px;
    border-bottom: 1px dashed #bbb;
    text-align: center;
}

.zoujin-bj .zoujin-cont {

    margin-top: 35px;
}

.zoujin-bj .zoujin-cont p {
    line-height: 1.8em;
    font-size: 16px;
    text-indent: 2em;
}

.zoujin-video {

    margin-top: 40px;
    display: flex;
}

.zoujin-video-cont .titls {

    display: flex;
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
}

.zoujin-video-cont {

    margin-left: 45px;
}

.zoujin-video-cont img {

    width: 35px;
    height: 35px;
    display: block;
    margin-right: 25px;
}

.zoujin-video-cont>p {

    font-size: 16px;
    margin-bottom: 30px;
}

iframe {

    width: 800px;
    height: 680px;
}

.case-nav {

    margin: 0 auto;
    margin-top: 30px;
    /* width: 430px; */

    display: flex;
    justify-content: center;
    /* justify-content: space-between; */
}

.case-nav a {

    width: 119px;
    line-height: 50px;
    text-align: center;
    /* float: left; */
    border-radius: 10px;
    background-color: #e6e6e6;
    cursor: pointer;
    display: block;
    font-size: 18px;
    transition: 0.5s ease;
    margin-right: 35px;
}

.case-nav a:nth-child(8n) {
    margin-right: 0;
}

.case-nav a.active_case {

    background-color: #3b68b9;
    color: #fff;

}


.product-nav-item {

    margin-bottom: 15px;
}

.main-left {

    width: 780px;
    padding-top: 40px;
    padding: 0 40px;
    border-right: 2px solid #edf3e9;
}

.main-right {

    width: 328px;
    padding-left: 40px;

}

.product-nav-tt {

    width: 270px;
    line-height: 61px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #2b55a3;
    display: flex;
    /*padding-right: 10px;*/
    cursor: pointer;
}

.product-nav-tt a {
    color: #fff;
    margin-left: 95px;
}

.product-nav-tt span {

    width: 0px;
    height: 0;
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    margin-top: 22px;
    margin-left: 45px;
    margin-right: 20px;
    transition: 0.5s ease;


}

.product-nav-tt span.active_span {
    transform: rotate(90deg);
}



.product-nav-list {

    /* margin-top: 15px; */
    display: none;
}

.product-nav-list-item {

    width: 270px;
    line-height: 61px;
    font-size: 18px;
    color: #fff !important;
    display: block;
    text-align: center;
    background-color: #5481d1;
    margin-top: 20px;
}

.product-nav-list-item:hover {

    color: #fff;
    background-color: #2b55a3;
}

.pro-cont-desc {

    width: 96%;
    padding: 15px 2%;
    line-height: 1.8em;
    background-color: #f6f6f6;
    margin-top: 30px;
}

.product-list {

    margin-top: 30px;
}

.ab-tt {


    margin: 0 auto;
    /* width: 162px; */
    text-align: center;
    font-size: 24px;
    /* line-height: 10px; */

}

.product-list-item {

    width: 240px;
    height: 280px;
    float: left;
    overflow: hidden;
    background-color: #f6f6f6;
    margin-right: 19px;
    margin-bottom: 20px;
    text-align: center;
    transition: 0.5s ease;
    cursor: pointer;

}


.product-list-item .img {

    width: 186px;
    height: 186px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    line-height: 186px;
    margin-top: 20px;
    display: block;
    margin-bottom: 32px;
    transition: 0.5s ease;
}

.product-list-item .img img {

    height: 100%;
}

.product-list-item:nth-child(3n) {

    margin-right: 0;
}

.product-list-item .pro-tt {

    color: #2b55a3;
    font-size: 18px;
    display: block;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.product-list-item .mo {

    width: 90%;
    display: none;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
    /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 多行 **/
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
}



.product-list-item .mo p:nth-child(1) {

    border-radius: 5px;
    border: 1px solid #2b55a3;
    color: #2b55a3;
    width: 70px;
    font-size: 14px;
    height: 27px;
    line-height: 29px;
    text-align: center;
}

.product-list-item .mo p:nth-child(2) {

    border-radius: 5px;
    border: 1px solid #2b55a3;
    color: #fff;
    background-color: #2b55a3;
    width: 70px;
    height: 27px;
    font-size: 14px;
    line-height: 29px;
    text-align: center;
}

.product-list-item:hover .img {
    transform: translateY(10px);
}


/* ----------------------------------- */
.soul-main {

    display: flex;
    /* position: relative; */
    overflow: hidden;
    justify-content: space-between;
}

.warp.sub {
    /* padding-left: 150px; */
    width: 1050px;
    min-height: 800px;
    padding-top: 30px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;



}



.content,
.sub_content {
    width: 950px;
    height: auto;
    padding: 0 50px;
    background: #fff;
    /* overflow-y: hidden */
}

.content.cul {
    padding-bottom: 0
}

.sub_content {
    padding: 50px;
    padding-top: 0
}

.content.history {
    background: 0 0
}

.nav_bar {
    width: 160px;
    height: auto;

    background: rgba(255, 255, 255, .8);
    /* position: fixed; */

}

.nav_bar ul li {
    display: none
}

.nav_bar ul li.active {
    display: block
}

.nav_bar.show {
    display: block
}

.nav_bar.active {
    top: auto;
    bottom: 320px
}

.nb_top {
    width: 100%;
    height: 100px;
    background: #0050a6
}

.nb_top .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    padding-top: 15px;
    /* float: left */
}

.nb_top h2 {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #fff
}

.nb_bottom {
    width: 100%;
    padding: 5px 0;
    height: 476px;
    overflow-y: auto;
}

.nb_bottom a {
    display: block;
    width: 100%;
    font-size: 12px;
    height: auto;
    cursor: pointer;
    line-height: 25px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top: 1px solid rgba(255, 255, 255, 1);
    padding: 12.5px 0px;
    box-sizing: border-box;
}

.nb_bottom a:first-child {
    border-top: none
}

.nb_bottom a:last-child {
    border-bottom: none
}

.nb_bottom a.active,
.nb_bottom a:hover {
    color: #fff;
    background: #2b55a3
}

.nb_bottom .actives {
    color: #fff;
    background: #2b55a3
}

.map_show .list .map_box .address {
    display: none
}

.nb_bottom a:after {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    display: block;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: 0;
    content: '';
    opacity: 0;
    transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.sub_title {
    width: 100%;
    height: 40px;
    padding: 10px 0;
    line-height: 30px;
    font-size: 30px;
    color: #004eb0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    z-index: 10
}

.sub_title .app {
    width: 300px;
    height: auto;
    line-height: 40px;
    margin-bottom: 15px;
    float: left
}

.sub_title .app .icon {
    width: 40px;
    height: 40px;
    background: #c2121a;
    float: left;
    border-radius: 50%
}

.sub_title .app .name {
    font-size: 30px;
    margin-left: 10px;
    color: #c2121a;
    float: left
}

.sub_title .history_icon {
    width: 150px;
    height: 150px;
    position: absolute;
    right: 0;
    top: -75px
}

.sub_nav {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 15px
}

.sub_nav.back {
    top: 65px
}

.sub_nav a {
    /*width: 120px;*/
    height: 30px;
    display: block;
    cursor: pointer;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    float: left;
    margin-left: 15px;
    border-radius: 20px;
    background: #e2e2e2;
    z-index: 10
}

.sub_nav a.book {
    width: 170px;
    background: #de0000;
    color: #fff;
    text-align: left;
    text-indent: 35px;
    position: relative
}

#allmap {
    height: 350px
}

#allmap img {
    width: auto;
    display: inline-block
}

.sub_nav a.book:after {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 7px;
    background: url(../images/book_icon.png) no-repeat;
    background-size: cover;
    content: ''
}

.sub_nav a.w150 {
    width: 150px
}

.sub_nav.soft a {
    width: 240px
}

.sub_nav a.active,
.sub_nav a:hover {
    background: #de0000;
    color: #fff
}

.sub_title span {
    color: #3e3e3e;
    opacity: .7;
    font-size: 16px
}

.a_s_list {
    width: 100%;
    height: auto;
    padding: 35px 0;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.a_s_list li {
    width: 50px;
    height: auto;
    float: left;
    position: relative;
    margin-right: 100px
}

.a_s_list li:after {
    width: 80px;
    height: 1px;
    background: rgba(0, 0, 0, .2);
    opacity: .5;
    right: -90px;
    top: 25px;
    position: absolute;
    display: block;
    content: ''
}

.a_s_list li .icon {
    width: 50px;
    height: 50px;
    background: #0050b9;
    border-radius: 50%
}

.a_s_list li .text {
    width: 100%;
    text-align: center;
    line-height: 20px;
    padding-top: 5px
}

.about_box {
    width: 100%;
    min-height: 400px;
    position: relative;
    line-height: 1.8
}

.about_box.detail {
    padding-top: 20px;
    margin-bottom: 100px
}

.about_box.detail video {
    width: 100%;
    height: auto;
    display: block;
    text-indent: -28px;
}

.about_box img {
    margin-bottom: 10px
}

.about_box .about_img {
    margin-top: -50px;
    margin-bottom: 20px
}

.about_box p {
    text-indent: 28px;
    margin-bottom: 10px
}

.hr_list,
.news_list,
.product_list {
    width: 100%;
    height: auto;
    padding-top: 10px;
    position: relative
}

.hr_list:after,
.news_list:after,
.product_list:after {
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    clear: both
}

.case ul li,
.hr_list ul li,
.news_list ul li,
.product_list ul li {
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 35px
}

.news_list ul li {
    cursor: pointer
}

.product_list ul li {
    width: 30%;
    padding: 5px 5px 35px 5px;
    text-align: center;
    cursor: pointer
}

.case ul li {
    width: 32%;
    height: 245px
}

.case ul li:nth-child(3n),
.hr_list ul li:nth-child(3n),
.news_list ul li:nth-child(3n),
.product_list ul li:nth-child(3n) {
    margin-right: 0
}

.news_list ul li:hover .thum span {
    -webkit-transform: scale(1.1)
}

.news_list ul li:hover .title {
    color: #004eb0
}

.case ul li .thum,
.news_list ul li .thum {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.case ul li .thum span,
.news_list ul li .thum span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: center center no-repeat;
    background-size: cover;
    transition: all .5s
}

.case ul li .name,
.news_list ul li .title {
    width: 100%;
    line-height: 20px;
    padding: 10px 0 10px 0;
    height: 20px;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis
}


.contact_tip {
    width: 100%;
    height: auto;
    line-height: 30px;
    font-size: 18px;
    padding-bottom: 20px;
    color: #c90200;
    border-bottom: 2px solid #1254a6
}


.n_ts {
    width: 100%;
    font-size: 28px;
    line-height: 1.6
}



.app_box {
    width: 100%;
    height: auto;
    margin-top: 35px;
    position: relative
}

.app_list {
    width: 100%;
    height: auto;
    margin-bottom: 50px
}

.icon_text {
    width: 100%;
    height: auto;
    position: relative
}

.app_list ul {
    width: calc(100% - 100px);
    height: auto;
    padding: 50px;
    overflow: hidden
}

.app_list ul li {
    width: 33%;
    height: 115px;
    float: left;
    position: relative
}

.app_list ul.family,
.app_list ul.home {
    width: 100%;
    padding: 50px 0
}

.app_list ul.home li {
    width: 25%
}

.app_list ul.family li {
    width: 20%
}

.app_list ul li:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .1);
    content: ''
}

.app_list ul li:last-child:after {
    opacity: 0
}

.app_list ul li .icon {
    width: 50px;
    height: 50px;
    margin: auto
}

.app_list ul li .text {
    width: 60%;
    padding-top: 15px;
    margin: 0 auto;
    color: #0050a6;
    line-height: 24px;
    text-align: center
}

.app_list ul.family li .text {
    width: 90%;
    padding-left: 5%
}

.app_list ul li:nth-child(2) {
    width: 34%
}

.app_list ul.home li:nth-child(2) {
    width: 25%
}

.app_list ul.family li:nth-child(2) {
    width: 20%
}

.icon_text .icon {
    width: 50px;
    height: 35px;
    float: left
}

.icon_text .icon img {
    -webkit-transform: scale(.8)
}

.icon_text .text {
    width: calc(100% - 50px);
    height: auto;
    font-size: 18px;
    color: #0050a6;
    font-weight: 700;
    line-height: 35px;
    float: left
}

.app_info {
    width: calc(100% - 50px);
    padding-left: 50px;
    line-height: 24px
}

.app_info_dot {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 5px
}

.app_even {
    width: calc(100% - 50px);
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 50px
}

.app_info span {
    font-size: 16px;
    font-weight: 700;
    color: #0056b8
}

.app_even .e_b {
    width: calc(48% - 30px);
    height: auto;
    float: left;
    line-height: 24px;
    margin-right: 4%;
    padding: 15px;
    margin-bottom: 15px;
    background: #959595;
    color: #fff
}

.app_even .e_b .num {
    width: 60px;
    height: 60px;
    text-align: left;
    text-indent: 10px;
    line-height: 60px;
    font-size: 60px;
    float: left;
    color: rgba(255, 255, 255, .7)
}

.app_even .e_b .txt {
    width: calc(100% - 60px);
    float: left;
    line-height: 20px;
    color: rgba(255, 255, 255, .7)
}

.app_even .e_b:nth-child(even) {
    margin-right: 0
}

.app_info_dot:after {
    width: 5px;
    height: 5px;
    position: absolute;
    left: -15px;
    top: 10px;
    background: #d40000;
    content: ''
}

.app_des {
    width: calc(100% - 80px);
    line-height: 24px;
    margin-left: 50px;
    padding: 15px;
    color: #fff;
    background: #929292
}

.app_info p {
    margin-bottom: 5px
}

.app_focus {
    width: calc(100% - 50px);
    padding-left: 50px;
    line-height: 24px;
    font-weight: 700
}

.app_list ol {
    width: calc(100% - 100px);
    height: auto;
    padding: 20px 50px;
    overflow: hidden
}

.app_list ol li {
    width: 50%;
    height: 85px;
    overflow: hidden;
    float: left;
    margin-bottom: 15px
}

.app_list .more {
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin-left: 50px;
    text-align: center;
    background: #fff;
    color: #004eb0;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 35px;
    border: 1px solid #004eb0
}

.app_list .more:hover {
    background: #c91102;
    color: #fff;
    border: 1px solid #c91102
}

.app_list ol li .icon {
    width: 50px;
    height: 50px;
    float: left;
    background: #0050a6
}

.app_list ol li .info {
    width: calc(100% - 70px);
    height: auto;
    float: left;
    color: #0050a6;
    margin-left: 10px
}

.app_list ol li .info .name {
    width: 100%;
    height: auto;
    line-height: 25px;
    font-size: 16px;
    font-weight: 700
}

.app_list ol li .info .des {
    width: 100%;
    height: 40px;
    line-height: 20px
}

/* ----------------------- 代理-------------------- */
.pg_dlzcul {

    padding-top: 60px;
    padding-bottom: 30px;
}

.pg_dlzcli {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    height: auto;
}


.pg_dlzcliba p span {
    font-size: 30px;
    color: #b8b8b8;
    font-weight: 200;
    text-transform: uppercase;
    display: block;
}


.mt15 {
    margin-top: 15px;
}

.pg_dlzclia {
    width: 557px;
    height: auto;
    float: right;
    overflow: hidden;
}

.pg_dlzclib {
    width: 600px;
    height: auto;
    float: left;
    overflow: hidden;
    line-height: 1;
}

.pg_dlzcliba {
    width: 100%;
    height: 80px;
    margin-bottom: 45px;
    overflow: hidden;
    line-height: 1;
}

.pg_dlzcliba div {
    display: inline-block;
    vertical-align: top;
    font-size: 72px;
    color: #224cac;
    font-weight: 200;
}

.pg_dlzcliba div sup {
    font-size: 50%;
    top: -1.2em;
}

.pg_dlzcliba p {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}

.pg_dlzcliba p em {
    display: block;
    font-style: normal;
    font-size: 20px;
}

.pg_dlzcliba p span {
    font-size: 30px;
    color: #b8b8b8;
    font-weight: 200;
    text-transform: uppercase;
    display: block;
}

.pg_dlzclibb {
    font-size: 14px;
    line-height: 30px;
    color: #525252;
}

.pg_dlzclibb p {
    position: relative;
    padding-left: 40px;
}

.pg_dlzclibb p:after {
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    background: #224cac;
    position: absolute;
    top: 15px;
    left: 0;
}

.pg_dlzcli:nth-child(2) {
    background: #f2f2f2;
}

.pg_dlzcli:nth-child(2) .pg_dlzclia {
    float: left;
    width: 432px;
}

.pg_dlzcli:nth-child(2) .pg_dlzclib {
    float: right;
    width: 710px;
    padding: 25px 25px 0 0;
}

.pg_dlzcli:nth-child(2) .pg_dlzcliba {
    margin-bottom: 40px;
}

.pg_dlzcli:nth-child(3) .pg_dlzcliba {
    margin-bottom: 40px;
}

.s_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 50px;
}

.s_jszcbul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s_jszcb {
    width: 565px;
    height: auto;

    overflow: hidden;
    line-height: 1;
}



.s_jszcbimg {
    width: 303px;
    height: auto;
    float: left;
    margin-right: 15px;
}


.f_cb {
    zoom: 1;
}

.s_jszcbtxt h2 {
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}


.s_jszcbtxt p {
    font-size: 14px;
    line-height: 28px;
    color: #777777;
}

.case ul li {

    width: 303px;
    height: 250px;
    float: left;
    overflow: hidden;
    background-color: #f6f6f6;
    margin-right: 19px;
    margin-bottom: 20px;
    text-align: center;
    transition: 0.5s ease;
    cursor: pointer;

    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
    justify-content: center;
}

.case ul li .thum,
.news_list ul li .thum {
    width: 100%;
    height: auto;
    height: 220px;
    overflow: hidden;
}


.case ul li:hover {
    -webkit-box-shadow: 0 0px 10px #e9e9e9;
    box-shadow: 0 0px 10px #e9e9e9;
    background-color: #fff;
}

.case ul li:hover .img {
    transform: translateY(10px);
}

.case ul li .name {
    padding: 15px 0;
    text-align: center;
}

.service_top {
    width: 100%;
    height: auto;
    padding: 20px 0;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden
}

.service_top b {
    font-weight: 400;
    float: left
}

.service_top span {
    margin-left: 15px;
    opacity: .6
}

.service_list {
    width: 100%;
    height: auto;
    /* position: relative */
}

.service_list ul li {
    width: 178px;
    height: 150px;
    float: left;
    position: relative;
    margin-right: 15px
}

.service_list ul li:last-child {
    margin-right: 0
}

.service_list ul li .icon {
    width: 80px;
    height: 80px;
    left: 49px;
    top: 32px;
    position: absolute;
    background: #0050a6;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10
}

.service_list ul li .icon img {
    width: 40px;
    position: absolute;
    left: 20px;
    top: 20px;
    transition: 0.5s ease;
}

.service_list ul li .icon:hover img {

    transform: rotate(360deg);
}

.service_list ul li .title {
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
    position: absolute;
    top: 135px
}

.service_list ul li .title:after {
    width: 20%;
    height: 1px;
    position: absolute;
    left: 40%;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    content: ''
}
.hr_list {
	min-height: 500px;
	padding-top: 20px
}

.hr_list ul li {
	width: 28%;
	padding: 15px 2%;
	cursor: pointer;
	margin-right: 2%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.hr_list ul li .title {
	width: 100%;
	height: auto;
	font-size: 16px;
	padding: 5px 0;
	line-height: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.hr_list ul li .des {
	width: 100%;
	height: 88px;
	overflow: hidden;
	padding: 15px 0;
	line-height: 20px;
	font-size: 12px;
	opacity: .7
}
.hr_list ul li .des p{
    font-size: 12px !important;
}

.hr_list ul li .des p span{
    font-size: 12px !important;
}
.hr_list ul li .des p:nth-child(n+5){
		
    display: none;
}
.hr_list ul li .mark {
	width: 100%;
	height: auto;
	opacity: .7;
	font-size: 12px;
	padding: 5px 0;
	line-height: 25px;
	border-top: 1px solid rgba(0, 0, 0, .1)
}



.hr_con {
	width: calc(100% - 50px);
	height: auto;
	padding: 25px;
	background: #fff;
	border-radius: 5px
}

.hr_box.active {
	visibility: visible;
	opacity: 1
}

.hr_box .l {
	width: 63%;
	height: auto;
	float: left
}

.n_ts {
	width: 100%;
	font-size: 28px;
	line-height: 1.6
}

.hr_box .l .title {
	width: 100%;
	height: 35px;
	font-size: 16px;
	font-weight: 700;
	line-height: 35px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.hr_box .l .des {
	width: 100%;
	margin-top: 20px;
	line-height: 26px;
	opacity: .8
}

.hr_box .r {
	width: 30%;
	padding-left: 3%;
	height: 150px;
	float: right;
	margin-top: 100px;
	overflow: hidden;
	padding-top: 40px;
	border-left: 1px solid rgba(0, 0, 0, .1)
}

.hr_box .r .tips {
	width: 100%;
	float: left;
	height: auto;
	padding: 5px 0;
	line-height: 20px
}

.hr_box .r .m {
	width: auto;
	display: inline-block;
	background: #0050a6;
	color: #fff;
	padding: 8px 15px;
	line-height: 22px;
	border-radius: 35px;
	margin-top: 25px;
	text-align: center
}


/* -------------------------------------- */
.p_s_content .swiper-container {
	width: 350px;
	height: 320px;
	position: relative;
    overflow: hidden;
    padding-bottom: 25px;
    border:1px solid #efefef ;
}

.p_s_content .swiper-wrapper {
	/* width: 100000px; */
	height: 450px;
	position: absolute;
	left: 0;
	top: 0
}

.p_s_content .swiper-wrapper .swiper-slide {
	width: 350px;
	height: 320px;
	/* float: left; */
    position: relative;
    text-align: center;
    line-height: 320px;
}

.p_s_content .swiper-wrapper .swiper-slide img{
    height:  80%;
}

.p_s_t {
	width: 100%;
	height: auto;
	overflow: hidden;
	line-height: 22px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 20px
}

.c_l_box .title,
.p_s_t .ps_t {
	width: calc(100% - 40px);
	/* padding-left: 40px; */
	height: auto;
	font-size: 18px;
	font-weight: 700;
	color: #0050a6;
	line-height: 28px;
	position: relative;
	margin-bottom: 10px
}

.p_s_t .ps_t.a {
	width: 100px;
	float: left;
	margin-top: 25px
}

.p_s_t .ps_list {
	width: calc(100% - 120px);
	float: left;
	margin-left: 20px
}

.p_s_t .ps_list .box {
	width: 100px;
	height: 100px;
	float: left;
	text-align: center
}

.p_s_t .ps_list .box .icon {
	width: 65px;
	height: auto;
	margin: auto
}

.p_s_t .ps_list .box .text {
	padding-top: 10px
}

.c_l_box .title span,
.p_s_t .ps_t span {
	width: 40px;
	height: 28px;
	display: block;
	position: absolute;
	opacity: .5;
	left: 0;
	top: 0;
	
	background-size: cover;
	content: ''
}


.p_s_t .ps_b {
	/* width: calc(100% - 40px); */
	/* padding-left: 40px; */
	height: auto
}
.ps_b p{
    margin-bottom: 8px;
}
.p_s_t img{
	max-width:100%;
	width:auto;
}
.p_s_t .ps_b table{

    width: 100%
}